<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    let obj = {
        name: 'lucy',
        age: 18
    }
    // // Object.defineProperty(obj, 'gender', {
    // //     value: '男'
    // // })
    // console.log(obj) // {name: "lucy", age: 18, gender: "男"}
    // obj.name='haha'
    // console.log(obj) // {name: "haha", age: 18, gender: "男"}
    // obj.gender='女'
    // console.log(obj) // {name: "haha", age: 18, gender: "男"}

    // Object.defineProperty(obj, 'gender', {
    //     value: '男',
    //     writable: true
    // })
    // obj.gender='女'
    // console.log(obj)
    // for (let k in obj) {
    //   console.log(k) // name, age
    // }
    // Object.defineProperty(obj, 'gender', {
    //     value: '男',
    //     writable: true,
    //     enumerable: true
    // })
    // for (let k in obj) {
    //   console.log(k) // name, age,gender
    // }

    let genderValue = '男'
    Object.defineProperty(obj, 'gender', {
      get() {
        console.log('自定义的获取')
        return genderValue
      },
      set() {
        console.log('自定义的存储')
        genderValue = '女'
      }
    })

    console.log(obj.gender)
    obj.gender = '女'
    
    
</script>

</html>